<template>
  <div>
    <sui-container style="padding: 50px">
      <h2 is="sui-header">
        Comment
        <a href="http://localhost:8080/" is="sui-button" style="float: right ">主页</a>
      </h2>
      <sui-divider/>
      <sui-comment-group minimal threaded>
        <sui-comment>
          <sui-comment-avatar src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png"/>
          <sui-comment-content>
            <a href="" is="sui-comment-author">Girl</a>
            <sui-comment-metadata>
              <div>一分钟之前</div>
            </sui-comment-metadata>
            <sui-comment-text>生命以负熵为食</sui-comment-text>
            <sui-comment-actions>
              <sui-comment-action>回复</sui-comment-action>
            </sui-comment-actions>
          </sui-comment-content>
          <sui-comment-group>
            <sui-comment>
              <sui-comment-avatar src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png"/>
              <sui-comment-content>
                <a href="" is="sui-comment-author">Girl</a>
                <sui-comment-metadata>
                  <div>一分钟之前</div>
                </sui-comment-metadata>
                <sui-comment-text>生命以负熵为食</sui-comment-text>
                <sui-comment-actions>
                  <sui-comment-action>回复</sui-comment-action>
                </sui-comment-actions>
              </sui-comment-content>
            </sui-comment>
          </sui-comment-group>
        </sui-comment>
        <sui-comment>
          <sui-comment-avatar src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png"/>
          <sui-comment-content>
            <a href="" is="sui-comment-author">Girl</a>
            <sui-comment-metadata>
              <div>一分钟之前</div>
            </sui-comment-metadata>
            <sui-comment-text>生命以负熵为食</sui-comment-text>
            <sui-comment-actions>
              <sui-comment-action>回复</sui-comment-action>
            </sui-comment-actions>
          </sui-comment-content>
        </sui-comment>
        <sui-comment>
          <sui-comment-avatar src="https://semantic-ui-vue.github.io/static/images/avatar/large/kristy.png"/>
          <sui-comment-content>
            <a href="" is="sui-comment-author">Girl</a>
            <sui-comment-metadata>
              <div>一分钟之前</div>
            </sui-comment-metadata>
            <sui-comment-text>生命以负熵为食</sui-comment-text>
            <sui-comment-actions>
              <sui-comment-action>回复</sui-comment-action>
            </sui-comment-actions>
          </sui-comment-content>
        </sui-comment>
        <sui-form>
          <textarea/>
          <sui-button
            content="回复"
            primary
            label-position="left"
            icon="edit"
          />
        </sui-form>
      </sui-comment-group>
    </sui-container>
  </div>
</template>

<script>
export default {
  name: 'Comment'
}
</script>

<style scoped>

</style>
